<!DOCTYPE html>
<html>
<head>
   {include file="public/head"}
    <style>
        .icon{width: 30px;height: 30px;display: inline-block;position: absolute;text-align: center;}
        .dig{position: absolute;}
        .worker_id1{top: 16%;}
        .worker_id2{top: 16%;left: 20%;}
        .worker_id3{top: 12%;left: 40%;}
        .worker_id4{top: 4%;left: 78%;}
        .worker_id5{top: 30%;left: 78%;}
        .dig1{top: 42%;left: 70%;} .dig2{top: 250px;left: 169px;}
        .dig3{top: 84%;left: 65%;} .dig4{top: 450px;left: 169px;}
        .dig5{top: 390px;left: 90px;} .dig6{top: 300px;left: 80px;}
        .dig7{top: 500px;left: 109px;} .dig8{top: 300px;left: 80px;}.dig9{top: 54%;left: 60%;}
    </style>
</head>
<body>
<div class="g-flexview">
    <div class="g-scrollview" style="background-image: url('/static/img/dig.jpg');background-size: cover;">
        {volist name="dig" id="index"}
        <img src="/static/img/dig.gif" class="dig worker_id{$i}" alt="矿机" width="30%">
        {/volist}
        {volist name="digMoney" id="index"}
        <p class="icon dig{$i}">
            <img src="/static/img/money.png" alt="{$index.make}" width="100%" height="100%">{$index.make}
        </p>
        {/volist}
    </div>
    {include file="public/tabbar" dig="tabbar-active"}
</div>
{include file="public/js"}
<script>
    !function ($) {
        $('.icon').click(function () {
            $('.icon').remove();
            $.post('/index/dig/collectDig',function (res) {
                dialog.toast(res.msg,'none',1000);
            });
        });
    }(jQuery);
</script>
</body>
</html>